// This Source Code Form is subject to the terms of the Mozilla Public
// License, v. 2.0. If a copy of the MPL was not distributed with this
// file, You can obtain one at http://mozilla.org/MPL/2.0/.
//
// Copyright (c) KALEIDOS INC

.reorder {
  cursor: grab;
  display: flex;
  flex-direction: column;
  block-size: calc(100% + var(--sp-m));
  justify-content: center;
  inset-inline-start: var(--reorder-left-position, -11px);
  position: absolute;
  inset-block-start: calc(-1 * (var(--sp-m) / 2));
  z-index: var(--z-index-panels);
}

.reorder-icon {
  block-size: var(--sp-l);
  pointer-events: none;
  visibility: var(--reorder-icon-visibility, hidden);
  --icon-stroke-color: var(--color-foreground-secondary);
}

.reorder-separator-top,
.reorder-separator-bottom {
  border-color: var(--color-accent-primary);
  margin: 0;
  position: absolute;
  inline-size: 100%;
}

.reorder-separator-top {
  display: var(--reorder-top-display, none);
  inset-block-start: calc(-1 * var(--sp-xxs));
}

.reorder-separator-bottom {
  display: var(--reorder-bottom-display, none);
  inset-block-end: calc(-1 * var(--sp-xxs));
}
